<template>
  <div id="app">
    <div class="hello">
      <!--   <avue-crud :data="data" :option="option" :page.sync="page"></avue-crud>-->
<!--      <div class="header">我是头部</div>-->
<!--      测试git-->
      <div class="container">
        <div class="nav left">
          <ul>
            <li @click="goPath('/twoTreeLast')">树（放项目里）</li>
            <li @click="goPath('/twoTreeLastCopy')">树（军哥）</li>
            <li @click="goPath('/treeTableSelection')">树表格勾选</li>
            <li @click="goPath('/treeTableValidate')">树结构验证</li>
            <li @click="goPath('/twoTree')">两棵树添加删除</li>
            <li @click="goPath('/registerCom')">批量注册组件</li>
            <li @click="goPath('/slots')">插槽</li>
            <li @click="goPath('/lowcode')">低代码</li>
            <li @click="goPath('/validateFormTableCom')">可编辑表格（组件）验证</li>
            <li @click="goPath('/keySummary')">emp重点总结</li>
            <li @click="goPath('/elementuiTableClass')">ele-table样式</li>
            <li @click="goPath('/i18n')">i18n</li>
            <li @click="goPath('/hrvue')">hrVue工具方法</li>
            <li @click="goPath('/collapseMenu')">菜单迭代</li>
            <li @click="goPath('/selectMul')">下拉选树可全选</li>
            <li @click="goPath('/elementuiSelectAll')">下拉选可全选</li>
            <li @click="goPath('/ifshow')">v-if v-show</li>
            <li @click="goPath('/sofar')">elementui日期至今</li>
            <li @click="goPath('/tableTreeToggle')">tableTree勾选</li>
            <li @click="goPath('/searchElTable')">elementtable搜索</li>
            <li @click="goPath('/dynamicElForm')">动态el-form</li>
            <li @click="goPath('/elselectTree')">elselectTree</li>
            <li @click="goPath('/dateDisabled')">月份禁用范围</li>
            <li @click="goPath('/selectSeat')">选座</li>
            <li @click="goPath('/count')">统计</li>
            <li @click="goPath('/virtualScroll')">虚拟滚动</li>
            <li @click="goPath('/checkboxGroup')">递归checkbox</li>
            <li @click="goPath('/modelBind')">双向数据绑定</li>
            <li @click="goPath('/tableSummary')">tableSummary</li>
            <li @click="goPath('/selectTree')">selectTree</li>
            <li @click="goPath('/weekly')">日期只能按周选</li>
            <li @click="goPath('/jstest')">js方法测试</li>
            <li @click="goPath('/dataDesensi')">脱敏处理</li>
            <li @click="goPath('/jsdate')">js Date 方法</li>
            <li @click="goPath('/vViewer')">预览图片</li>
            <li @click="goPath('/avue')">avue</li>
            <li @click="goPath('/avueCascader')">avue行级联</li>
            <li @click="goPath('/cascader')">select级联</li>
            <li @click="goPath('/avueValidTime')">avue开始时间不能大于结束时间</li>
            <li @click="goPath('/avueCrudRadio')">avueCrudRadio</li>
            <li @click="goPath('/avueRowEdit')">avue行编辑</li>
            <li @click="goPath('/avueSingleCom')">avue单组件</li>
            <li @click="goPath('/elementui')">elementui</li>
            <li @click="goPath('/elementtab')">elementtab</li>
            <li @click="goPath('/elementuiUpload')">elementuiUpload</li>
            <li @click="goPath('/elementuiTable')">elementui-table</li>
            <li @click="goPath('/elementuiInput')">elementui-input</li>
            <li @click="goPath('/elementuiSelect')">elementui-select</li>
            <li @click="goPath('/elementuiTableTree')">elementui-tableTree</li>
            <li @click="goPath('/elementuiTree')">elementui-tree</li>
            <li @click="goPath('/elementuiDialogTableTree')">ele-dialog-tableTree</li>
            <li @click="goPath('/treeParentDisabledChilren')">gridLayout</li>
            <li @click="goPath('/lazyTree')">懒加载tree 默认选中(父选中子不选中)</li>
            <li @click="goPath('/positionTree')">定位树</li>
            <li @click="goPath('/childrenComBindModel')">子组件绑定v-model</li>
            <li @click="goPath('/suspension')">头部固定，内容滚动</li>
            <li @click="goPath('/elementuiTableValid')">表格中的表单验证</li>
            <li @click="goPath('/pagination')">分页</li>
            <li @click="goPath('/Tinymce')">富文本</li>
            <li @click="goPath('/VideoPlayer')">视频播放</li>
            <li @click="goPath('/epm')">提升项目</li>
            <li @click="goPath('/cbsProblemEventScore')">承包商问题事件记分考核结果应用</li>
            <li @click="goPath('/projectImportantPerProblemEventScore')">项目关键人员问题事件记分考核结果应用</li>

          </ul>
        </div>
        <div class="content left">
          <router-view></router-view>
        </div>
      </div>
<!--      <div class="footer">我是底部</div>-->

    </div>
  </div>
</template>

<script>

//水印
import {useWaterMark,stopUseWaterMark} from "@/utils/watermark";

export default {
  name: 'App',
  created() {
    console.log("process.env:",process.env.VUE_APP_NAME)

    console.log("window.parent:",window.parent,window,window.parent == window)

    if (window.parent !== window){
      document.documentElement.classList.add('embed-page')
    }

   useWaterMark('小月') ;
  },
  methods:{
    goPath(url){
      console.log("this.$router:",this.$router.push)
      this.$router.push(url)
    }
  }
}
</script>

<style>
.header{background-color: antiquewhite;width: 100%;height: 50px;}
.footer{background-color: antiquewhite;width: 100%;height: 50px;position: fixed;bottom: 0;left: 0;z-index: 2}
.container{width: 100%;}
.left{float: left;position: absolute;left: 0;}
.right{float: right}
.nav{width: 200px;height: 100%;background: aliceblue;z-index: 1}
.content{width: 100%;height: 100%;padding-left: 220px;padding-top:20px;box-sizing: border-box;}
.nav ul {width: 100%;padding-left: 10px;margin: 0}
.nav ul li{height: 30px;line-height: 30px;list-style: none;cursor: pointer;box-sizing: border-box;margin-top: 10px;}
</style>
